<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表单编辑</title>
		<!--基础文件-->
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!--关于表单验证的样式文件-->
		<link rel="stylesheet" type="text/css" href="plugins/formValidator/style/formvalidator.css" />
		<!--时间插件css-->
		<link rel="stylesheet" type="text/css" href="plugins/datePicker/skin/default/datepicker.css"/>
	</head>
	<body>
		<div id="StyleBox" class="scrollBar mt50">
			<div class="ml50">
				<!--标题-->
				<div class="mt10 clearfix">
					<span class="fl pr5 tagName"><span class="f_red mr5 fb">*</span>标题：</span>
					<div class="fl">
						<input type="text" data-bind="value: title" class="txtInput" placeholder="请输入标题"  /><br />
						<p id="nameTip"></p>
					</div>
				</div>
				<!--时间-->
				<div class="mt10 clearfix">
					<span class="fl pr5 tagName"><span class="f_red mr5 fb">*</span>时间：</span>
					<div class="fl">
						<input class="fl Wdate dateInput" id="time" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})" type="text" style="border: 1px solid #ccc;" placeholder="请选择时间">
						<p id="phoneTip"></p>
					</div>
				</div>
				<!--名字-->
				<div class="mt10 clearfix">
					<span class="fl pr5 tagName"><span class="f_red mr5 fb">*</span>名字：</span>
					<div class="fl">
						<input type="text" data-bind="value: name" class="txtInput" placeholder="请输入标题"  /><br />
						<p id="nameTip"></p>
					</div>
				</div>
				<!--是否显示-->
				<div class="mt10 clearfix">
					<span class="fl pr5 tagName"><span class="f_red mr5 fb">*</span>是否显示：</span>
					<div class="fl">
						<ul class="clearfix ml5" style="width: 600px;height: 38px;" data-bind="visible: wantsSpam">
							<li class="fl mr15 mb5 mt10 clearfix">
								<input id="radio01" type="radio" name="radio" value="0" data-bind="checked: isState" class="fl" />
								<label for="radio01" class="cp fl">是</label>
							</li>
							<li class="fl mr15 mb5 mt10 clearfix">
								<input id="radio02" type="radio" name="radio" value="1" data-bind="checked: isState" class="fl" />
								<label for="radio02" class="cp fl">否</label>
							</li>
						</ul>
						<p id="radioTip"></p>
					</div>
				</div>
				<!--内容-->
				<div class="mt10 clearfix">
					<span class="fl tagName lineheightNone"><span class="f_red mr5 fb">*</span>内容：</span>
					<div class="fl">
						<textarea data-bind="value: content" id="textarea" class="textarea"></textarea>
						<p id="textareaTip"></p>
					</div>
				</div>
				<!--内容-->
				<div class="mt10 clearfix">
					<span class="fl tagName lineheightNone"><span class="f_red mr5 fb">*</span>内容：</span>
					<div class="fl">
						<script id="editor" type="text/plain" style="width:800px;height:300px;"></script>
					</div>
				</div>
				<div class="mt5 tl">
				 <input type="button" value="保存" class="button" id="button"> 
				</div>
			</div>	
		</div>
		
		<!--基础文件-->
		<script type="text/javascript" src="js/common/jquery.min.js"></script>
		<script src="js/rein/knockout.js"></script>
		<script src="js/appi.js"></script>
		<!--表单验证插件-->
		<script type="text/javascript" src="plugins/formValidator/formValidatorRegex.js"></script>
		<script type="text/javascript" src="plugins/formValidator/formValidator.js"></script>
		<!--富文本-->
		<script src="plugins/ueditor/ueditor.config.js"></script>
	    <script src="plugins/ueditor/ueditor.all.js"> </script>
	    <script src="plugins/ueditor/lang/zh-cn/zh-cn.js"></script>
		<!--时间插件-->
		<script src="plugins/datePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
		<!--本页面js-->
		<script src="js/edit.js" type="text/javascript"></script>
	</body>

</html>